<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./Axios/axios.min.js"></script>
</head>
<body>
    <script>
       // 向给定ID的用户发起请求
    axios.get('https://zyxcl.xyz/music/api/banner')
      .then(function (response) {
        // 处理成功情况
        console.log(response.data);
      })
      .catch(function (error) {
        // 处理错误情况
        console.log(error);
      })
      .finally(function () {
        // 总是会执行
      });


      axios.post('https://zyxcl.xyz/music/api/banner', {
        name: '小明',
        age: 22
        }, {
        headers: {
            'X-Requested-With': 'XMLHttpRequest11111111'
        }
        })
      .then(function (response) {
        // 处理成功情况
        console.log(response.data);
      })
      .catch(function (error) {
        // 处理错误情况
        console.log(error);
      })
      .finally(function () {
        // 总是会执行
      });

          // fetch 请求数据
    fetch('https://zyxcl.xyz/music/api/banner?a=100')
      .then(res => res.json()) // 把接口返回的数据转换成 json 格式
      .then(res => {
        console.log(res)
      })
      .catch(e => {
        console.log(e)
      })
      .finally(() => {
        console.log('执行完毕')
      })


    // async function init() {
    //   try {
    //     const res = await fetch('http://zyxcl.xyz/music/api/banner', {
    //       method: 'post',
    //       body: JSON.stringify({ name: '小明', age: 22 })
    //     }).then(res => res.json())

    //     console.log(res)
    //   } catch(e) {
    //     console.log(e)
    //   }
    // }

    // init()


    </script>
</body>
</html>